<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <div>我是一个div111</div>
    <div>我是一个div222</div>
    <div>我是一个div333</div>

    <span>我是一个span111</span>
    <span>我是一个span222</span>
    <span>我是一个span333</span>
    <!-- 表单标签 -->
    <form action="demo1.html" method="get">
    姓名: <input type="text" name="userName" id="" placeholder="请输入姓名"><br/>
    密码: <input type="password" name="password" id=""><br/>
    <!-- 同一个name下就只能选一个 加了 lable 后可以点击文字选择所选 for 到达的功能-->
    性别: <input type="radio" name="gender" id="male" value="0"> <label for="male">男</label> 
          <input type="radio" name="gender" id="female" value="1"> <label for="female">女</label>
          <input type="radio" name="gender" id="null" value="2"> <label for="null">沃尔玛购物袋</label> <br/>
    
          <input type="datetime" name="time" id="datetime"><br>
          <input type="datetime-local" name="time" id="datetime-local"><br>
          <input type="email" name="" id=""><br>
          <input type="image" src="D://picture//wallhaven-8g5yqj_3840x2160.png" width= "30px" alt="check"><br>

    兴趣: <input type="checkbox" name="chec" id="ball1" value="1"> <label for="ball1">排球</label> 
    <input type="checkbox" name="chec" id="" value="2"> 篮球
    <input type="checkbox" name="chec" id="" value="3"> 乒乓球 
    <input type="checkbox" name="chec" id="" value="4"> 羽毛球 <br/>
    <!-- 选择框 -->
    学历: <select name="sel">
            <option value="1">小学</option>
            <option value="2">初中</option>
            <option value="3">高中</option>
            <option value="4" selected="selected">高中及以上</option>
          </select><br/>
    个人简介:<textarea rows="10" cols="100" rows="10"></textarea>
    <!-- 表格 cellspacing 表示表格元素之间的间隔 cellpadding 表示表格大小 align 表示表格位置 -->
    <p><table border="5px" cellspacing="0px" cellpadding="8px" align="center">
        <tr>
            <td>aaa</td>
            <td>bbb</td>
            <td>111</td>
        </tr>
        <tr>
            <td>ccc</td>
            <td>ddd</td>
            <td>222</td>
        </tr>
        <tr>
            <td>eee</td>
            <td>fff</td>
            <td>333</td>
        </tr>
    </table></p>
    <!-- 超链接 target指是跳转此页面 or 新开一个页面 -->
    <a href="https://blog.csdn.net/TwoCat_C?spm=1010.2135.3001.10640" target="_blank">我的博客</a><br>
    <!-- 图片标签  -->
    <img src="D://picture//wallhaven-8g5yqj_3840x2160.png" alt="this is my background" width="400px"><br>
    <!-- 换行标签 -->
    aaaaaaaaaaaaa<br/>bbbbbbbbbbbbb
    <!-- 标题标签 -->
    <h1>this.h1</h1>
    <h2>this.h2</h2>
    <h3>this.h3</h3>
    <h4>this.h4</h4>
    <h5>this.h5</h5>
    <!-- 段落标签 -->
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
    <p>dolore laboriosam quas aliquam! Eveniet perferendis cumque impedit fuga maiores, velit iusto quidem quas quam expedita delectus ad voluptate voluptatem neque.</p>

</body>
</html>